<template>
  <div class="pre_Image">
    <m-header modile-title="图片预览" go-back="true"></m-header>
    <div class="pre_box">
      <img v-for="(img,index) in imgs"
           v-preview="img.url"
           :src="img.url"
           :alt="img.title"
           :key="index"
           preview-title-enable="true"
           preview-nav-enable="true">
    </div>
    <img src="https://image.ijq.tv/201711/02/09-53-52-51-26.jpg" preview="1" preview-text="描述文字">
  </div>
</template>
<style lang="scss">
  .pre_Image {
    width: 100%;
    padding-top: 64px;
    background: #fff;
    .pre_box{
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
</style>
<script>
  import mHeader from '../../../components/header'
  import {Toast} from 'mint-ui'

  export default {
    data() {
      return {
        imgs: [
          {
            url: 'https://goss1.vcg.com/creative/vcg/400/version23/VCG41557044857.jpg',
            title: 'pic1'
          },
          {
            url: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=840435421,1007064748&fm=27&gp=0.jpg',
            title: 'pic2'
          }
        ]
      }
    },
    methods: {},
    components: {
      mHeader
    }
  }
</script>
